<template>
	<view class="wrapper xiangXi">
		<div class="f32 center title cfff mb10">党员学习图片</div>
		<u-collapse :border="false" :value="['1']" icon="">
			<u-collapse-item v-for="v in 3">
				<template #title>
					<div class="f32 fbold">2021-12</div>
				</template>
				<template #right-icon>
					<u-icon name="arrow-down-fill" color="#2979ff" size="16"></u-icon>
				</template>
				<div class="flex-start fWrap">
					<image @click="prview" src="../../../static/shouye/banner.png" mode="aspectFill" class="photo mb25"
						v-for="v in 10"></image>
				</div>
			</u-collapse-item>
		</u-collapse>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			prview() {
				uni.previewImage({
					urls: [],
					current: 1
				})
			}
		}
	}
</script>

<style lang="scss">
	:deep(.u-cell__body__content) {
		flex: none !important;
	}

	:deep(.u-cell__right-icon-wrap--up) {
		transform: rotate(180deg);
	}

	:deep(.u-cell__right-icon-wrap--down) {
		transform: rotate(0);
	}

	.photo {
		width: 150rpx;
		height: 150rpx;

		&:not(:nth-of-type(4n)) {
			margin-right: 24rpx;
		}
	}

	// .xiangXi {
	// 	padding: 22rpx 38rpx;
	// }

	.title {
		height: 82rpx;
		background: url(@/static/dangJian/huo1.png);
		background-size: 100% 100%;
	}
</style>